.index-other {
    width: 100%;
    .other {
        display: flex;
        margin-top: 14px;
        justify-content: space-between;
        .other-box {
            width: 234px;

            ul {
                margin: 0;
                height: 170px;
                list-style-type: none;
                font-size: 12px;
                text-align: center;
                background: #5f5750;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;

                li {
                    position: relative;

                    width: 78px;
                    height: 82px;
                    padding: 0 3px;

                    a {
                        display: block;
                        padding-top: 18px;
                        text-overflow: ellipsis;
                        color: #fff;
                        opacity: .7;
                        -webkit-transition: opacity .2s;
                        transition: opacity .2s;
                        text-decoration: none;

                        img {
                            display: block;
                            width: 24px;
                            height: 24px;
                            margin: 0 auto 4px;
                        }
                    }
                }
            }
        }

        .recommend-box {
            width: 980px;
         
            ul {
                margin: 0;
                list-style-type: none;
                display: flex;
                justify-content: space-between;

                li {
                    margin-left: 0;
                    width: 316px;
                    height: 170px;
                    transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;

                    a {
                        display: block;
                        height: 170px;
                        background: url(http://i1.mifile.cn/f/i/2014/cn/placeholder-80.png) no-repeat 50%;

                        img {
                            display: block;
                            width: 316px;
                            height: 170px;
                        }
                    }
                }
            }
        }

    }

}